<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/active.css" />
        <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
    </head>
    <body>
        <!-- 头部 -->
        <header>
            <div class="header-in">
                <p>
                    <a href="">91人气</a>
                    <a href="">|</a>
                    <a href="../../index.html" class='fan'>返回首页</a>
                </p>
                <ul>
                    <li>
                        <a href="../../html/login.html">登陆</a><span>-</span><a href="../../html/regist.html">注册</a>
                    </li>
                    <li><a href="../../yanlei/app/more.html">帮助中心</a></li>
                    <li><a href="qq.html">联系客服</a></li>
                </ul>
            </div>
        </header>
        <!-- 主体 -->
        <div id="main">
            <div class="main-in">
                <div class="rule">
                    <a href="qq.html" target='_blank'>
                        <img src="img/m15.png" alt="" />
                    </a>
                    <a href="" target='_blank' class='huodong'>
                        <img src="img/m20.png" alt="" />
                    </a>
                </div>
                <div class="changgui animated lightSpeedIn">
                    <p>
                        活动期间：2017年1月1日 至 2017年12月31日
                    </p>
                </div>
                <img src="img/m14.png" alt="" / class='jinbi'>
                <div class="libao">
                    <div class="libao-in">
                        <div class="tab-wrap">
                            <ul>
                                <li class='now'>
                                   <span>01</span> <img src="img/m8.png" alt="" />
                                   <p>免费礼包</p>
                                </li>
                                <li>
                                   <span>02</span> <img src="img/m8.png" alt="" />
                                   <p>充值红包</p> 
                                </li>
                                <li>
                                    <span>03</span> <img src="img/m8.png" alt="" />
                                   <p>推荐奖励</p>
                                </li>
                                <li style='border:none'>
                                    <span>04</span> <img src="img/m8.png" alt="" />
                                   <p>招兵买马</p>
                                </li>
                            </ul>
                        </div>
                        <div class="slide">
                            <div class="slide-in">
                                <div class='slide-he1'>
                                    <div class="slide-xin">
                                        <p class="name">
                                            01.免费礼包
                                        </p>
                                        <p class="title">注册即送G币+VIP</p>
                                        <span class="tag">新手福利</span>
                                        <p class="info">30试用G币 + 一个月 VIP.</p>
                                        <p class="warn">注：（相当于50个自然搜索纯点点击量，40个直通车纯点击量）；再加一个月VIP!</p>
                                         <span class="tag">领取条件</span>
                                        <p class="info">新注册的商家，并且成功绑定店铺与填写个人资料。</p>
                                        <span class="tag">赠送方式</span>
                                        <p class="info">联系客服领取，只可领取一次。</p>
                                    </div>
                                </div>
                                <div class='slide-he2'>
                                    <div class="slide-xin">
                                        <p class="name">
                                            02.充值红包
                                        </p>
                                        <p class="title">多重好礼相送</p>
                                        <span class="tag">充值福利</span>
                                        <p class="info">收充值额外送G币；另外赠送 VIP;多充多送！</p>
                                        <p class="warn"></p>
                                         <span class="tag">领取条件</span>
                                        <p class="info">单笔首充2000以上，额外赠送对应福利！</p>
                                        <span class="tag">赠送方式</span>
                                        <p class="info">联系客服领取，只可领取一次。</p>
                                        <span class="tag">充值优惠表</span>
                                        <table cellspacing="0" cellpadding="0">
                                            <tbody>
                                                <tr>
                                                    <th>充值G币</th>
                                                    <td>2000</td>
                                                    <td>5000</td>
                                                    <td>10000</td>
                                                    <td>20000</td>
                                                </tr>
                                                <tr>
                                                    <th>赠送G币</th>
                                                    <td>300</td>
                                                    <td>600</td>
                                                    <td>1400</td>
                                                    <td>3000</td>
                                                </tr>
                                                <tr>
                                                    <th>赠送VIP</th>
                                                    <td>3个月</td>
                                                    <td>6个月</td>
                                                    <td>1年</td>
                                                    <td>SVIP+</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class='slide-he3'>
                                    <div class="slide-xin">
                                        <p class="name">
                                            03.推荐奖励
                                        </p>
                                        <p class="title">邀请好友享双重奖励</p>
                                        <span class="tag">推荐奖励</span>
                                        <p class="info">每成功邀请一个商家注册+绑定店铺，可获得额外的10G币</p>
                                        
                                         <span class="tag">领取条件</span>
                                        <p class="info">好友注册+绑定店铺，邀请奖励累计无上限！</p>
                                        <span class="tag">赠送方式</span>
                                        <p class="info">系统自动赠送。</p>
                                        <table cellspacing="0" cellpadding="0">
                                            <tbody>
                                                <tr>
                                                    <th>充值G币</th>
                                                    <td>2000</td>
                                                    <td>5000</td>
                                                    <td>10000</td>
                                                    <td>20000</td>
                                                </tr>
                                                <tr>
                                                    <th>推荐人获得</th>
                                                    <td>100</td>
                                                    <td>245</td>
                                                    <td>485</td>
                                                    <td>950</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class='slide-he4'>
                                    <div class="slide-xin">
                                        <p class="name">
                                            04.招兵买马
                                        </p>
                                        <p class="title">04.招兵买马</p>
                                        <span class="tag">邀请商家绑定店铺，送VIP</span>
                                        <p class="info">a.邀请满10人注册绑定店铺，可获得3个月VIP（价值300）b.被邀请的商家绑定店铺，可获得3个月VIP+30体验金币（不与免费礼包叠加）</p>
                                        <span class="tag">领取条件</span>
                                        <p class="info">通过合伙人推广连接邀请商家注册。</p>
                                        <span class="tag">赠送方式</span>
                                        <p class="info">自动统计后人工结算</p>
                                        <span class="tag">邀请返佣比例表</span>
                                        <table cellspacing="0" cellpadding="0">
                                            <tbody>
                                                <tr>
                                                    <th>当月邀请人数</th>
                                                    <td>5</td>
                                                    <td>20</td>
                                                    <td>40</td>
                                                </tr>
                                                <tr>
                                                    <th>首冲返利</th>
                                                    <td>12%</td>
                                                    <td>15%</td>
                                                    <td>18%</td>
                                                </tr>
                                                <tr>
                                                    <th>续费返利</th>
                                                    <td>5%</td>
                                                    <td>7%</td>
                                                    <td>9%</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="gundong">
                            <div class="gundong-in">
                                <div class="item">
                                    <p>注：2017注册的商家，若有忘了领取的，可以联系客服领取。</p>
                                    <div>
                                        <img src="img/m9.png" alt="" />
                                    </div>
                                    <a href="">注册领取G币+VIP</a>
                                </div>
                                <div class="item">
                                    <p>注：仅限首冲额外赠送一次，可跟充值套餐奖励叠加。</p>
                                    <div>
                                        <img src="img/m10.png" alt="" />
                                    </div>
                                    <a href="">我要充值</a>
                                </div>
                                <div class="item">
                                    <p>注：在91人气平台注册的商家均可邀请其他商家。</p>
                                    <div>
                                        <img src="img/m11.png" alt="" />
                                    </div>
                                    <a href="">马上邀请</a>
                                </div>
                                <div class="item">
                                    <p>注：只限被邀请人前十次充值为准。</p>
                                    <div>
                                        <img src="img/m12.png" alt="" />
                                    </div>
                                    <a href="">成为91合伙人</a>
                                </div>
                            </div>
                        </div>
                        <div class="left">
                            <img src="img/m17.png" alt="" />
                        </div>
                        <div class="right">
                            <img src="img/m16.png" alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 活动规则 -->
        <div class="ze-wrap">
            <div class="ze">
                <h3>——活动规则——</h3>
                <img src="img/close.png" alt="" class='close'/>
                <div class='xiang'>
                    <p>活动时间：2017年，全年均可参与，年底下线！</p>
                    <p>特别说明：成为91人气合伙人后，就不再享受03邀请注册送金<br />币的活动。</p>
                    <p class='last'>
                        常规活动最终解释权归91人气所有<br/>如有疑问请联系客服400-633-1298
                    </p>
                </div>
            </div>
        </div>
    </body>
    <script type="text/javascript" src='js/jquery-3.2.1.min.js'></script>
    <script type="text/javascript">
    //活动规则
    $('.huodong').on('click',function(e) {
        var e = e || window.event;
        e.preventDefault();
        // $(".ze-wrap").css('background','rgba(0,0,0,0.8)');
        $('.ze-wrap').show();
    })
    $('.close').on('click',function() {
        // $("ze-wrap").css('background','');
        $('.ze-wrap').hide();
    })
    //左右点击
    var num = 0;
    $('.right').on('click',function() {
        num++;
            if(num>3) {
                num = 3;
            }
         changge(num);
        $('.slide-in').animate({left:-(num*527)+'px'},500,function() {
        })
        $('.gundong-in').animate({top:-(num*544)+'px'},500,function() {
        })
    })
    $('.left').on('click',function() {
    	 
        num--;
        if(num<0) {
            num = 0;
        }
        changge(num);
        $('.slide-in').animate({left:-(num*527)+'px'},500,function() {
        })
        $('.gundong-in').animate({top:-(num*544)+'px'},500,function() {
        })
    })
    function changge(num){
    	$('.tab-wrap li').removeClass('now');
    	$('.tab-wrap li').eq(num).addClass('now');
    }
    //导航点击
    $('.tab-wrap li').each(function(i) {
        $('.tab-wrap li').eq(i).on('click',function() {
            $(this).addClass('now').siblings().removeClass('now');
            num=i;
            $('.slide-in').animate({left:-(i*527)+'px'},500,function() {
            })
            $('.gundong-in').animate({top:-(i*544)+'px'},500,function() {
            })
        })
    })
    //金币运动
    var x = 0;
    var y = 0;
    setInterval(function(){
        y+=0.05;
        if(y>20) {
            y = 0;
        }
        x = Math.sin(y)*100+100;
        $('.jinbi').css({'top':y*50+'px','right':x+'px'})
    },70)
    
    </script>
</html>